<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的优惠券</title>
    <link rel="stylesheet" href="../style/mydiscount.css">
</head>
<body>
<div class="wrapper">
    <!---------------------------------header------------------------------------>
    <header>
        <a class="iconfont" href="myshow.html">&#xe610;</a>
        <span>我的优惠券</span>
    </header>

    <!--------------------------------container---------------------------->
    <div id="container">
     <ul>
         <li class="active">未使用</li>
         <li>已使用</li>
         <li>已过期</li>
         <li>未激活</li>
     </ul>
        <div class="box1">
            <p>40元现金劵(满299元可用)</p>
            <p>号码:<span>DSMFKGVFFJIFIR</span></p>
            <p>过期时间:<span>2013年5月29日</span></p>
            <p>状态:<span>未使用</span></p>
        </div>
    </div>
    <!----------------------------footer----------------------------------->
    <footer>
        <ul>
            <li class="active">
                <a href="index.html">
                    <span class=" iconfont">&#xe60e;</span>
                    <strong>首页</strong>
                </a>
            </li>
            <li>
                <a href="search.html">
                    <span class=" iconfont">&#x3553;</span>
                    <strong>分类</strong>
                </a>
            </li>
            <li >
                <a href="shopcar.html">
                    <span class=" iconfont">&#xe653;</span>
                    <strong>购物车</strong>
                </a>
            </li>
            <li>
                <a href="myshow.html">
                    <span class=" iconfont">&#xe603;</span>
                    <strong>我的秀</strong>
                </a>
            </li>
            <li>
                <a href="more.html">
                    <span class=" iconfont">&#xe669;</span>
                    <strong>更多</strong>
                </a>
            </li>
        </ul>
    </footer>
</div>
</body>
</html>